<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <title>My JSP 'modify_task.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<div th:replace="~{commons/script::script}"></div>
  </head>
  
 
   <body style="width:100%;max-width:600px;padding:30px 60px;">
  	<section class="info-section">
    	<form id="form" method="post">
    		<table>
				<tr>
					<td class="text-title">创建者名：</td>
					<td class="text-content">
						<input type="hidden" name="id" th:value="${task.id }">
<!--						<input type="text" name="creatorUserId" value="${createUser.username }"-->
<!--							class="easyui-textbox theme-textbox-radius" data-options="required:true,validType:'length[2,10]'">-->
						<select name="creatorUserId" class="easyui-combobox theme-textbox-radius">
							<option th:each="user:${users}" th:value="${user.id}" th:text="${user.username}" th:selected="${user.id==task.creatorUserId}"></option>
						</select>
					</td>
				</tr>

				<tr>
					<td class="text-title">负责人：</td>
<!--					<td class="text-content">-->
<!--						<input type="text" name="taskVo.ownerUsername" value="${taskVo.ownerUsername }"-->
<!--							class="easyui-textbox theme-textbox-radius" data-options="required:true,validType:'length[2,10]'">-->
<!--					</td>-->
					<td class="text-content">
					<select name="ownerUserId" class="easyui-combobox theme-textbox-radius">
						<option th:each="user:${users}" th:value="${user.id}" th:text="${user.username}" th:selected="${user.id==task.ownerUserId}"></option>
					</select>
					</td>
				</tr>
<!--				<tr style="display:${empty taskVo ? 'table-row' : 'none'};">-->
<!--					<td class="text-title">删除人：</td>-->
<!--					<td class="text-content">-->
<!--						<input type="text" name="taskVo.DeleteUsername" value="${taskVo.deleteUsername }"-->
<!--							class="easyui-textbox theme-textbox-radius" data-options="required:true,validType:'length[2,10]'">-->
<!--					</td>-->
<!--				</tr>-->
				<tr>
					<td class="text-title">相关人：</td>
					<td >
						<input type="checkbox" name="aboutUsers" style="margin-left:8px;" th:each="user:${users}" th:value="${user.username}" th:text="  ${user.username}" th:checked="${#strings.contains(task.aboutUsers,user.username)?true:false}"/>
					</td>
				</tr>
<!--				<tr>-->
<!--					<td class="text-title">相关人：</td>-->
<!--					<td class="text-content">-->
<!--						<input type="text" name="aboutUsers" th:value="${task.aboutUsers }"-->
<!--							class="easyui-textbox theme-textbox-radius" data-options="required:true">-->
<!--					</td>-->
<!--				</tr>-->
				<tr>
					<td class="text-title">主题：</td>
					<td class="text-content">
						<input type="text" name="subject" th:value="${task.subject }"
							class="easyui-textbox theme-textbox-radius" data-options="required:true"></td>
				</tr>
				<tr>
					<td class="text-title">优先级：</td>
					<td class="text-content">
						<input type="text" name="priority" th:value="${task.priority }"
							class="easyui-textbox theme-textbox-radius" data-options="required:true"></td>
				</tr>
				<tr>
					<td class="text-title">邮件通知：</td>
					<td class="text-content">
						<input type="text" name="sendEmail" th:value="${task.sendEmail }"
							class="easyui-textbox theme-textbox-radius" data-options="required:true,validType:'email'"></td>
				</tr>
				
				<tr>
					<td class="text-title">截止日期：</td>
					<td class="text-content">
						<input type="text" name="dueDate" th:value="${#dates.format(task.dueDate,'yyyy-MM-dd')}"
							class="easyui-textbox theme-textbox-radius" data-options="required:true">
					</td>
				</tr>
				<tr>
					<td class="text-title">更新日期：</td>
					<td class="text-content">
						<input type="text" name="updateDate" th:value="${#dates.format(task.updateDate,'yyyy-MM-dd') }"
							class="easyui-textbox theme-textbox-radius" data-options="required:true">
					</td>
				</tr>
				
<!--				<tr>-->
<!--					<td class="text-title">任务状态：</td>-->
<!--					<td class="text-content">-->
<!--						<select name="status" class="easyui-combobox theme-textbox-radius">-->
<!--							<option value="正常" th:selected="${task.status=='正常'}">正常</option>-->
<!--							<option value="禁用" th:selected="${task.status=='禁用'}">禁用</option>-->
<!--							<option value="已删除" th:selected="${task.status=='已删除'}">已删除</option>-->
<!--						</select>-->
<!--					</td>-->
<!--				</tr>-->
				<tr>
					<td class="text-title">任务状态：</td>
					<td class="text-content">
						<select name="status" class="easyui-combobox theme-textbox-radius">
							<option value="未启动" th:selected="${task.status=='未启动'}">未启动</option>
							<option value="推迟" th:selected="${task.status=='推迟'}">推迟</option>
							<option value="进行中" th:selected="${task.status=='进行中'}">进行中</option>
							<option value="已完成" th:selected="${task.status=='已完成'}">已完成</option>
							<option value="已关闭" th:selected="${task.status=='已关闭'}">已关闭</option>
						</select>
					</td>
				</tr>
				<tr>
					<td class="text-title">描述信息：</td>
					<td class="text-content">
						<textarea class="theme-textbox-radius" rows="5"  cols="20" name="description" th:text="${task.description}"></textarea></td>
				</tr>
				<!-- 因为用户关联信息不需要修改，但是如果没有把这些信息传递给服务器端，hibernate对数据进行更新时就会把对应条目设置为null值 -->

<!--				<tr style="display: none;">-->
<!--					<td colspan="2">-->
<!--						<input type="hidden" name="taskVo.createdate" value="${taskVo.createdate}">  -->
<!--						<input type="hidden" name="taskVo.isclose" value="${taskVo.isclose}">-->
<!--						<input type="hidden" name="taskVo.isdeleted" value="${taskVo.isdeleted}">-->
<!--						<input type="hidden" name="taskVo.deletetime" value="${taskVo.deletetime}">-->
<!--					</td>-->
<!--				</tr>-->
				<tr>
					<td colspan="2" style="text-align: center;margin-top: 10px;">
						<a href="javascript:void(0);" id="saveBtn" class="easyui-linkbutton button-primary">保存</a> 
						<a href="javascript:void(0);" id="resetBtn" class="easyui-linkbutton button-danger">重置</a>
					</td>
				</tr>
			</table>	
    	</form>
    </section>
    </body>
    <script type="text/javascript">
    $(function(){
  			$("#resetBtn").on("click",function(){
  				$("#form").form("reset")
  			});
  		  		$("#saveBtn").on("click" , function(){
  		  		
  				$("#form").form("submit",{
  					url : "/task/updateTask",
  					onSubmit : function(){
  					return $("#form").form("validate");
  					},
  					
  					success:function(data){
  						var obj=eval("("+ data +")")
  					if(obj.success){
  						$.messager.alert("提示",obj.message)
  						parent.closeTopWindow();
  					}
  				}	
  				});
  			})
  		  		
  		})
  		</script>
</html>
